@import "global.css";
*{margin:0; padding:0; list-style:none; text-decoration:none;}
/*board*/
#iboard{width:100%; overflow:hidden; background:#fff;}
#iboard .gg_cl01{margin-top:20px;margin-bottom:0px;}
/*banner*/
#banner{background:#fff; overflow:hidden; width:100%; float:left;}
.banrall{width: 1200px; margin: 0 auto; position: relative; margin-top:20px !important;}
.i_banner{width: 100%; height: 353px;}
.screen{height: 353px; position: relative;}
#ul li{border-radius: 5px; height: 353px; width: 100%; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0;}
.all ol{width: 14%; position: absolute; right: 40%; bottom: 10px; line-height: 20px; text-align: center;}
.all ol li{float: left; width: 7px; height: 7px; background: #fff; border-radius: 4px; margin-left: 10px; cursor: pointer;}
.banrall:hover #arr{display: block;}
#arr{display: none;}
#arr span{display: inline-block; width: 50px; height: 50px; position: absolute; left: 0%; top: 50%; margin-top: -20px; cursor: pointer; line-height: 40px; text-align: center; font-weight: bold; font-family: 黑体; font-size: 100px; color: rgb(255, 255, 255); opacity: 0.5; filter:alpha(opacity=30);}
#arr span:hover{opacity:60;}
#arr #left{left: 0%; left: 10px;}
#left{background: url(../images/prev_03.png) no-repeat left; background-size: 100%;}
#arr #right{right: 10px; left: auto;}
#right{background: url(../images/right_03.png) no-repeat left; background-size: 100%;}
/*banner end*/
/*五大按钮区域*/
#bt4{background:#fff; width:100%; overflow:hidden;}
.bt4{width:1200px; margin:0 auto; background:#fff; height:164px; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.bt4_box{width:1220px; height:164px;}
.bt4_box li{width:224px; height:164px; margin-right:20px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.bt4_box li:hover .div{margin-top:0px; display:block; width:224px; height:164px;}
/*.bt4_box>li:hover img{display:none;}*/
.bt4_box li .div{width:224px; height:164px; float:left; background: rgba(77,62,47,.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E54d3e2f,endcolorstr=#E54d3e2f); position: absolute; z-index: 99; margin-top:164px; transition:all 0.3s; color:#fff; font-size: 18px;}
/*.bt4_box>li .div:after{*/ /*content:"";*/ /*vertical-align:middle;*/ /*display: inline-block;*/
/*}*/
.bt4_box li .div .a{width:224px; height:164px; line-height:164px\9; vertical-align:middle; display: inline-block; padding:5px 10px; /*position:absolute;*/ text-align:center; display: flex; justify-content: center; align-items: center;}
.bt4_box li .div .a a{/*font-size:16px;*/ color:#fff; font-size: 18px;}
.bt4_box li .div .a h2{font-size: 18px;font-weight: normal;}
.bt4_box li .div a>img{width:80px; height:80px; position: absolute; display:block; z-index:99; transition:all 0.4s; left: 50%; margin-left: -40px; top: 50%; margin-top: -50px;}
/*.bt4_box>.li4{position:none; background:url(../images/bt4_04.png);}
.bt4_box>.li4>a{width:227px; height:164px; float:left;}
.bt4_box>.li5{position:none; background:url(../images/bt4_05.png);}
.bt4_box>.li5>a{width:227px; height:164px; float:left;}*/
.bt4_box li>img{width:224px; height:164px; float:left;}
/*.bt4_box>li>a>img:hover{margin-top:-58px;}*/
/*五大按钮区域 end*/

/*beiancase*/
.column_tips{font-size:13px;color:#f9981a;text-align: center;font-weight: bold;line-height: 30px;}
.morelink{text-align: center;}
.morelink a{font-weight: bold; border-radius: 5px; display: inline-block;padding:2px 20px;margin-top:14px;height:32px;line-height:32px;background:#ddd;color:#f39800 !important;background: #f1f0f0;width: auto !important;margin-left:18px;font-size: 14.5px;}
.morelink a:hover {color: #fff !important;background: #f39800;}
#beiancase{width:100%; overflow:hidden; padding:20px 0;}
.beiancase{width:1200px; overflow:hidden; margin:0 auto;}
.beiancase_tit{width:100%; height:25px; color:#333333; font-size:16px; text-align: center; float:left;}
.beiancase_tithr{width:80px; height:2px; background:#333333; margin-top:3px; margin-left:47%;}
.beiancase_box{width:1260px; height:187px; float:left; margin-top:20px;}
#beiancase_videodetail{border:1px solid #eee;padding:10px;height:380px;}
#beiancase_videodetail .big_videodetail .big_vdleft{width:540px; height:377px; float:left; margin-right:20px; }
#beiancase_videodetail .big_videodetail .big_vdright{width:612px; min-height:357px; float:right;background:#fff;padding:0px 10px;}
#beiancase_videodetail h2{text-align: center;line-height: 2em;font-size: 20px;}
#beiancase_videodetail h3{text-align: left;padding: 10px 20px;line-height: 1.9em;font-size: 18px;font-weight: normal;}
#beiancase_videodetail .tab_tabbox{width:572px;}
#beiancase_videodetail .tab_tabbox_box{width:572px;}

/*新闻资讯*/
#new{width:100%; overflow:hidden; background:#f4f4f4; padding:20px 0;}
.new_button{background:#f8a33f; color:#fff; font-size:16px; padding:8px 12px 10px 17px; border-radius:50px; position:absolute; z-index:99; right:0; top:0;}
.tab{width: 1200px; margin: 0 auto; position:relative;}
.tab .tab_menu{height: 30px; /*width: 360px; */ margin: 0 auto; /*display: flex;*/ /*justify-content: center;*/ /*align-items: center;*/ text-align:center;}
.tab .tab_menu ul li{width: auto; text-align: center; padding-bottom: 5px; color:#999; margin:0 20px; border-bottom:2px solid #f4f4f4; font-size:16px; cursor: pointer; box-sizing: border-box; display: inline-block; vertical-align: middle; zoom: 1;}
.tab .tab_menu ul li:last-child{border-right:none;}
.tab .tab_menu ul li.on{color: #333; border-bottom:2px solid #333;}
.tab .tab_box > div{width: 1200px; height: 200px; /*border: #333333 solid; border-width: 0 1px 1px 1px;*/ display: none; margin-top:20px;}
.tab .tab_box > div:first-child{display: block;}
.tab_left{width:785px; overflow:hidden; float:left; margin-right:5px; display: block;}
.tab_leftbox{width:790px; overflow:hidden;}
.tab_leftbox li{width:390px; height:195px; float:left; margin-right:5px; overflow:hidden; position:relative; margin-bottom:5px;}
.tab_leftbox li img{height:195px; float:left; transition:all 1s;}
.tab_leftbox li img:hover{transform:scale(1.1,1.1);}
.tab_leftbox li .tab_box{width: auto; padding:15px 20px; background: rgba(77,62,47,.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E54d3e2f,endcolorstr=#E54d3e2f); position: absolute; left: 0; bottom: 0; z-index: 99; display: block; font-size: 18px; color: #fff; font-weight: 600; line-height: 28px;}
.tab_leftbox li .tab_box>p{width: 350px; height: 48px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: flex; justify-content: center; align-items: center; font-weight:400;}
.tab_leftbox li .tab_box:hover{text-decoration:underline;}
.tab_right{width:410px; height:395px; margin-bottom:5px; padding:24px; float:right; background:#4d3e2f; overflow:hidden;}
.tab_right li{width:100%; line-height:22px; /* height:46px;*/ float:left;}
.tab_right li a{font-weight:600; color:#fff; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tab_right li a:hover{text-decoration:underline;}
.tab_right hr{width:100%; height:1px; /*background:#a69f97;*/ background:#706558; margin-top:13px; margin-bottom:15px;}
.tab_tabbox{width:1200px; overflow:hidden; float:left;}
.tab_tabbox_box{width:1245px; float:left;}
.tab_tabbox_box li{width:577.5px; height:128px; margin-right:45px; float:left; margin-top:20px;}
.tab_tabbox_box li .img{width:168px; height:128px; overflow:hidden; display: block; float: left; margin-right: 20px;}
.tab_tabbox_box li img{width:168px; height:128px; float:left; transition: all 1s;}
.tab_tabbox_box li img:hover{transform:scale(1.1,1.1);}
.tab_tabbox_box li span{width:389.5px; float:left; color:#bbbbbb; margin-top:8px; font-size:13px; font-weight: bold;}
.tab_tabbox_box li .tit{width:389.5px; color:#333333; font-size:20px; float:left; line-height:50px; height:50px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.tab_tabbox_box li .tit:hover{color:#f39800;}
.tab_tabbox_box li p{width:389.5px; float:left; color:#474747; font-size:15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/*新闻资讯end*/
/*设计师*/
#designer{width:100%; overflow:hidden; background:#f4f4f4; padding:20px 0;}
.designer{width: 1200px; margin: 0 auto; position:relative;}
.designer .designer_menu{/*width: 480px; */ margin: 0 auto; /*display: flex;*/ /*justify-content: center;*/ /*align-items: center;*/ text-align: center;}
.designer .designer_menu ul li{width: auto; text-align: center; padding-bottom: 5px; color:#999; margin:0 20px; border-bottom:2px solid #f4f4f4; font-size:16px; cursor: pointer; box-sizing: border-box; display: inline-block; vertical-align: middle; zoom: 1;}
.designer .designer_menu ul li:last-child{border-right:none;}
.designer .designer_menu ul li.on{color: #333; border-bottom:2px solid #333;}
.designer .designer_box > div{width: 1200px; height: 200px; /*border: #333333 solid; border-width: 0 1px 1px 1px;*/ display: none;}
.designer .designer_box > div:first-child{display: block;}
.designer_dbox{width:1200px; overflow:hidden; float:left;}
.designer_dul{width:1220px; float:left;}
.designer_dul li{width:224px; height:305px; margin-top:20px; margin-right:20px; float:left; background:#fff; border-radius:5px;}
.designer_dul li img:hover{opacity:0.85;}
.designer_dul li img{width:224px; height:170px; float:left;}
.designer_dul li .img{width:224px; height:170px; float:left; position:relative;}
/*.designer_dul li .img:hover .bf{display:block;}*/
.designer_dul li .img img{width:224px; height:170px; float:left;}
.designer_dul li .img .bf{width: 70px; height: 70px; float: left; background: url(../images/video_bf02.png) no-repeat; background-size:cover; position: absolute; z-index: 66; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px; cursor: pointer; transition: all .5s;}
.designer_dul li>.tit{width:200px; font-size:15px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-left:12px; margin-top:10px; margin-bottom: 5px; line-height:20px; display:block; float:left;}
.designer_dul li>.tit:hover{color:#f9981a;}
.designer_dul li>span{width:200px; margin-left:12px; color:#999; font-size:12px;}
.designer_dul li>.des_box{width:100%; height:44px; line-height:44px; border-bottom:1px solid #e9e8e6;}
.designer_dul li>.des_box i{width:20px; height:20px; margin-left:12px; /* background:#000;*/ float:left; margin-top:12px;}
.designer_dul li>.des_box i:nth-of-type(1){background: url(../images/ico02.png) no-repeat; background-size: cover;}
.designer_dul li>.des_box i:nth-of-type(2){background: url(../images/ico02.png) -64px no-repeat; background-size: cover;}
.designer_dul li>.des_box i:nth-of-type(3){background: url(../images/ico02.png) -42px no-repeat; background-size: cover;}
/*.designer_dul li>.des_box .i1{*/ /*background: url(../images/ico02.png) no-repeat;*/ /*background-size: cover;*/
/*}*/
/*.designer_dul li>.des_box .i2{*/ /*background: url(../images/ico02.png) -64px no-repeat;*/ /*background-size: cover;*/
/*}*/
/*.designer_dul li>.des_box .i3{*/ /*background: url(../images/ico02.png) -42px no-repeat;*/ /*background-size: cover;*/
/*}*/
.designer_dul li>.des_box>span{color:#b2b1b1; font-size:12px; float:left; margin-left:5px; margin-right:10px;}
.designer_dul li>.des_box>span:before{content:""; margin-top:13px;}
.designer_dul li>.des_box>.tubiao_ck:before{content:""; margin-top:10px;}
.designer_dul li>.des_box .i1:before{content: ""; width:24px; height:20px; float: left; background: url(../images/ico03.png) no-repeat; margin-top: 9px; margin-right: 5px;}
.designer_dul li>.des_box .i2:before{content: ""; width:24px; height:20px; float: left; background: url(../images/ico03.png) -31px -28px no-repeat; margin-top: 11px; margin-right: 5px;}
.designer_dul li>.des_box .i3:before{content: ""; width:24px; height:20px; float: left; background: url(../images/ico03.png) -1px -47px no-repeat; margin-top: 12px; margin-right: 5px;}
.designer_dul li>.des_box2{width:200px; height:40px; line-height:40px; margin-left:12px; font-size:12px;}
.designer_dul li>.des_box2>p{color:#555555; float:left;}
.designer_dul li>.des_box2>p>span{color:#f9981a; margin-left:5px; font-weight: bold;}
.designer_dul li>.des_box2>span{color:#b2b1b1; float:right;}
/*设计师end*/
/*原创保护*/
#original{width:100%; overflow:hidden; background:#fff; padding:20px 0;}
.original{width:1200px; overflow:hidden; margin:0 auto;}
.original_tit{width:100%; height:25px; color:#333333; font-size:16px; text-align: center; float:left;}
.original_tithr{width:80px; height:2px; background:#333333; margin-top:3px; margin-left:47%;}
.original_box{width:1260px; height:187px; float:left; margin-top:20px;}
.original_box li{width:570px; height:187px; float:left; margin-right:60px;}
.original_box li img{width:180px; height:187px; float:left; background:#000; border:1px solid #ddd;}
.original_box li h2,.original_box li .h2{width:370px; height:30px; font-weight: bold;font-size:18px; color:#333; margin-left:20px; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.original_box li .p{width:370px; color:#666; font-size:14px; margin-left:20px; float:left; line-height:20px; margin-top:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.original_box li .p:hover{color:#333}
.original_box li .p span{color:#bbbaba;}
/*.original_box li .p:hover span{color:#000}*/
/*原创保护 end*/
/*战略合作*/
#cooperation{width:100%; overflow:hidden; background:#f4f4f4; padding:20px 0;}
.cooperation{width:1200px; overflow:hidden; margin:0 auto; position:relative;}
.cooperation_tit{width:1200px; height:25px; color:#333333; font-size:16px; text-align: center; float:left; margin:0 auto;}
.cooperation_tithr{width:60px; height:2px; background:#333333; margin-top:3px; margin-left:47.5%;}
.cooperation_box{width:1220px; overflow:hidden; float:left;}
.cooperation_box li{width:222px; height:84px; margin-right:22px; margin-top:20px; float:left; text-align:center; overflow:hidden;}
.cooperation_box li img{width:222px; height:84px;}
.cooperation_button{background:#f8a33f; color:#fff; font-size:16px; padding:8px 12px 10px 17px; border-radius:50px; float: right; position:absolute; right:0;}
/*战略合作 end*/
/* 视屏*/
#index_video_jptj{width:100%; overflow:hidden; float:left; background:#fff; padding:20px 0;}
#index_video_jptj .index_video_jptj{width:1200px; margin:0 auto;}
#index_video_jptj .index_video_jptj .tab_menu{height: 30px; /* width: 360px; */ /*margin: 0 auto;*/ /*display: flex;*/ /*justify-content: center;*/ /*align-items: center;*/ text-align: center; position:relative;}
#index_video_jptj .index_video_jptj .tab_menu ul li{width: auto; text-align: center; padding-bottom: 5px; color: #333; margin: 0 20px; border-bottom: 2px solid #333; font-size: 16px; cursor: pointer; box-sizing: border-box; display: inline-block; vertical-align: middle; zoom: 1;}
#index_video_jptj .index_video_jptj .index_video_jptjul{width:1220px; float:left;}
#index_video_jptj .index_video_jptj .index_video_jptjul li{width:285px; /* height:352px;*/ float:left; margin-right:20px; background:#f8f8f8; padding:10px; margin-top:20px; transition:all .5s;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .li_img:hover{opacity: 0.85;}
#index_video_jptj .index_video_jptj .index_video_jptjul li h3:hover{color: #f9981a;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .li_img{width:100%; height:204px; float:left; position:relative;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .li_img img{width:100%; height:204px; float:left;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .li_img:hover .bf{display:block !important; /*transform:scale(1.1,1.1);*/}
#index_video_jptj .index_video_jptj .index_video_jptjul li .li_img .bf{width:70px; height:70px; float:left; background:url(../images/video_bf02.png) no-repeat; background-size:cover; position:absolute; z-index:66; top:50%; left:50%; margin-left:-35px; margin-top:-35px; display:block; cursor:pointer; transition:all .1s;}
#index_video_jptj .index_video_jptj .index_video_jptjul li h3{width:100%; height: 20px; float:left; margin-top:10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size:15px; color:#444444; font-weight:400;}
#index_video_jptj .index_video_jptj .index_video_jptjul li p{width:100%; height:14px; font-size:12px; color:#777777; float:left; margin-top:10px;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_tb{float:left; height:16px; margin-top:10px; color:#555555;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_tb span{float:left; height:16px; color:#b2b1b1; margin-right:10px;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_tb span:before{content:""; width:20px; height:20px; float:left;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_tb .span_bf:before{content:""; width:24px; height:20px; margin-top:0px; background: url(../images/ico03.png) -35px -6px no-repeat; /*background-size: cover;*/ margin-top:-2px;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_tb .span_dz:before{content:""; background:url(../images/ico03.png) -1px -45px no-repeat; margin-top:-2px; /*background-size: cover;*/}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_tb .span_xz:before{content:""; background:url(../images/videoico2.png) -52px 0px no-repeat; background-size: cover;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_ttx{width:100%; height:40px; float:left; padding-top:10px; border-top:1px solid #ddd;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_ttx .tx_p{width:24px; height:24px; float:left; border-radius:50%; overflow:hidden; margin-right:10px; background:#ddd; display:block;}
#index_video_jptj .index_video_jptj .index_video_jptjull li .video_ttx .tx_p img{width:24px; height:24px; float:left;}
#index_video_jptj .index_video_jptj .index_video_jptjul li .video_ttx .tx_span{color:#666666; line-height:24px; font-size:12px; float:left;}
/*视屏 end*/

#beian_videodetail{border:1px solid #eee;padding:10px;height:357px;margin-top: 40px}
#beian_videodetail .big_videodetail .big_vdleft{width:586px; height:337px; float:left; margin-right:20px; background:#fff;}
#beian_videodetail .big_videodetail .big_vdright{width:572px; min-height:337px; float:right;background:#fff;}
#beian_videodetail h2{text-align: center;line-height: 2em;font-size: 20px;}
#beian_videodetail h3{text-align: left;padding: 10px 20px;line-height: 1.9em;font-size: 18px;font-weight: normal;}